<!--
 * @Author: 哈尔滨大拐 3181845089@qq.com
 * @Date: 2022-08-04 09:44:38
 * @LastEditors: 哈尔滨大拐 3181845089@qq.com
 * @LastEditTime: 2022-08-08 11:23:24
 * @FilePath: \mygit\个人网站\admin\blog-list.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网站后台</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/blog-list.css">
</head>

<body>

    <header id="header">HEADER</header>
    <aside id="sidebar">
        <ul id="nav">
            <li class="nav-item nav-category">博客管理</li>
            <li class="nav-item">
                <a href="./blog-list.html" class="nav-link">
                    <svg t="1659579065779" class="icon" viewbox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="4199" width="16" height="16">
                        <path
                            d="M849.1 128 174.9 128c-25.9 0-46.9 21-46.9 46.9l0 34.2c0 25.9 21 46.9 46.9 46.9l674.2 0c25.9 0 46.9-21 46.9-46.9l0-34.2C896 149 875 128 849.1 128z"
                            p-id="4200" fill="#000000"></path>
                        <path
                            d="M849.1 768 174.9 768c-25.9 0-46.9 21-46.9 46.9l0 34.2c0 25.9 21 46.9 46.9 46.9l674.2 0c25.9 0 46.9-21 46.9-46.9l0-34.2C896 789 875 768 849.1 768z"
                            p-id="4201" fill="#000000"></path>
                        <path
                            d="M849.1 448 174.9 448c-25.9 0-46.9 21-46.9 46.9l0 34.2c0 25.9 21 46.9 46.9 46.9l674.2 0c25.9 0 46.9-21 46.9-46.9l0-34.2C896 469 875 448 849.1 448z"
                            p-id="4202" fill="#000000"></path>
                    </svg>
                    <span class="link-title">博客列表</span>
                </a>
            </li>
        </ul>
    </aside>
    <main id="main">
        <div class="card">
            <h6 class="card-title">博客列表</h6>
            <table class="table blog-list">
                <thead>
                    <tr>
                        <th>id</th>
                        <th>主图</th>
                        <th>标题</th>
                        <th>摘要</th>
                        <th>创建时间</th>
                        <th style="width:150px;">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr>
                        <th>1</th>
                        <td><img src="../images/blog/blog1.png" alt=""></td>
                        <td class="title">xxxxxxx</td>
                        <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos voluptas consectetur
                            recusandae est quia
                            vel, qui quam delectus placeat, aliquid nam vitae, quidem illum asperiores accusamus
                            perspiciatis aut!
                            Provident, commodi.</td>
                        <td>2022-7-3</td>
                        <td>
                            <button class="btn btn-primary edit">编辑</button>
                            <button class="btn btn-danger delete">删除</button>
                        </td>
                    </tr> -->
                  
                </tbody>
            </table>
            <div class="pagination-wrap">
                <ul class="pagination">
                    <!-- <li class="paginate_button page-item previous disabled" id="dataTableExample_previous"><a href="#"
                            aria-controls="dataTableExample" data-dt-idx="0" tabindex="0" class="page-link">Previous</a>
                    </li>
                    <li class="paginate_button page-item active"><a href="#" aria-controls="dataTableExample"
                            data-dt-idx="1" tabindex="0" class="page-link">1</a></li>
                    <li class="paginate_button page-item "><a href="#" aria-controls="dataTableExample" data-dt-idx="2"
                            tabindex="0" class="page-link">2</a></li>
                    <li class="paginate_button page-item "><a href="#" aria-controls="dataTableExample" data-dt-idx="3"
                            tabindex="0" class="page-link">3</a></li>
                    <li class="paginate_button page-item next" id="dataTableExample_next"><a href="#"
                            aria-controls="dataTableExample" data-dt-idx="4" tabindex="0" class="page-link">Next</a>
                    </li> -->
                </ul>
            </div>
        </div>
       
       <button id="btn">退出登录</button>
    </main>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="./js/main.js"></script>
    <script src="./js/blog-list.js"></script>

</body>

</html>